*{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dd,ul,ol,pre,form,blockquote,figure,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
body{ background:#fff; font:1em/1.15 "\5FAE\8F6F\96C5\9ED1",Arial,sans-serif; color:#323232; -webkit-overflow-scrolling:touch; min-width:300px; position:relative; }
header,bottom,section,article,aside,nav,hgroup,address,figure,figcaption,main,menu,details{ display:block; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; font-weight:normal; }
input,button,select,textarea{ outline:none; border:none; -webkit-appearance:none; font-family:inherit; font-size:100%; line-height:1.15; }
em,i,cite,var,address,dfn{ font-style:normal; }
menu,ul,ol{ list-style:none; }
img{ border-style:none; }
a{ text-decoration:none; cursor:pointer; color:#333; background-color:transparent; -webkit-text-decoration-skip:objects; }
a:active,a:hover{ outline-width:0; text-decoration:none; }

.section{ width:100%; background:url(../images/bg.png) repeat; }
.container{ position:relative; width:100%;overflow-x:hidden; background:url(../images/bg_banner.png) no-repeat center center; background-size:100% auto; }
.inbox{ width:1200px; height:900px; padding-bottom:180px; margin:0 auto; position:relative; }
.inbox .logobox{ position:absolute; top:0; left:0; z-index:99; width:204px; height:262px; text-align:center; background-color:#fff; border-radius:40px; border-top-left-radius:0; border-top-right-radius:0; overflow:hidden; }
.inbox .logobox p{ margin-top:42px; font-size:30px; color:#0bc43a; font-weight:bold; letter-spacing:2px; }
.inbox .logobox img{ display:inline-block; width:144px; height:144px; margin-top:12px; border-radius:20px; }
.cenbox{ position:absolute; top:0; right:0; width:996px; }
.cenbox .phone{ padding-bottom:12px; }
.cenbox .phone img{ width:996px; display:block; width:100%; height:auto; }
.downbox{ position:absolute; top:644px; right:778px; }
.downbtn{ display:block; width:242px; height:50px; padding:18px 0 18px 98px; line-height:50px; font-size:36px; letter-spacing:1px; background:url(../images/btnbg.png) no-repeat 0 0; background-size:cover; border-radius:12px; border-top-right-radius:0; border-bottom-right-radius:0; }
.downbtn i{ position:absolute; top:18px; left:38px; display:block; width:43px; height:50px; background:url(../images/andr.png) no-repeat; background-size:contain; }
.wave{ position:absolute; left:0; bottom:0; width:100%; overflow:hidden; transition:none; -webkit-transition:none; -ms-transition:none }
.wave img{ display:block; width:100%; margin-bottom:-8%; }
.wave-1{ z-index:9; }
.wave-2{ z-index:8; }
#bottom{ position:absolute; bottom:0; width:100%; }
.footer{ position:absolute; bottom:0; z-index:10; width:100%; padding:40px 0; font-size:18px; line-height:40px; color:#666; text-align:center; }

@media screen and (max-width: 1600px) {
	.section{ padding-bottom:120px; }
	.inbox{ padding-bottom:60px; }
}
@media screen and (max-width: 1200px) {
	.section{ padding-bottom:70px; }
	.footer{ padding:25px 0; font-size:16px; }
}
@media screen and (max-width: 888px) {
	.footer{ padding:15px 0; font-size:14px; }
}
@media screen and (max-width: 750px) {
	.section{ padding-bottom:160px; }
	.inbox{ padding-bottom:0; }
	.inbox{ width:88%; height:auto; }
	.cenbox{ position:static; width:100%; padding-top:62px; }
	.downbox{ position:relative; top:auto; left:0; }
	.downbtn{ position:relative; display:block; width:124px; height:48px; padding:0 0 0 56px; margin:0 auto; line-height:48px; font-size:18px; background:#fff; border-radius:6px; }
	.downbtn i{ position:absolute; top:10px; left:22px; display:block; width:24px; height:28px; background:url(../images/andr.png) no-repeat; background-size:contain; }
	.inbox .logobox{ width:72px; height:auto; padding:0 15px 15px; border-radius:20px; border-top-left-radius:0; border-top-right-radius:0; overflow:hidden; }
	.inbox .logobox p{ margin-top:15px; font-size:16px; letter-spacing:0; }
	.inbox .logobox img{ display:block; width:72px; height:72px; margin:7px auto 0; border-radius:10px; }
	.wave{
		background-image: -webkit-linear-gradient(top, rgba(255,255, 255, 0) 20%, rgba(255,255, 255, 1) 100%);
        background-image: -moz-linear-gradient(top, rgba(255,255, 255, 0) 20%, rgba(255,255, 255, 1) 100%);
        background-image: -o-linear-gradient(top, rgba(255,255, 255, 0) 20%, rgba(255,255, 255, 1) 100%);
        background-image: linear-gradient(top, rgba(255,255, 255, 0) 20%, rgba(255,255, 255, 1) 100%);
	}
	.wave img{ margin-bottom:-4%; }
	#bottom{ position:relative; }
	.footer{ width:88%; padding:30px 6%; font-size:14px; line-height:18px; }
}
@media screen and (max-width: 640px) {
	.inbox .logobox{ width:56px; padding:0 12px 12px; border-radius:12px; border-top-left-radius:0; border-top-right-radius:0; overflow:hidden; }
	.inbox .logobox p{ margin-top:10px; font-size:14px; }
	.inbox .logobox img{ width:56px; height:56px; margin-top:5px; }
    .wave img{ margin-bottom:-2%; }
    .footer{ padding:25px 6%; }
}
@media screen and (max-width: 580px) {
	.section{ padding-bottom:140px; }
    .footer{ padding:20px 6%; }
}
@media screen and (max-width: 480px) {
	.section{ padding-bottom:125px; }
	.inbox .logobox{ width:48px; padding:0 10px 10px; border-radius:10px; border-top-left-radius:0; border-top-right-radius:0; overflow:hidden; }
	.inbox .logobox p{ margin-top:10px; font-size:12px; }
	.inbox .logobox img{ width:48px; height:48px; }
    .footer{ width:88%; padding:10px 6%; font-size:13px; }
}
@media screen and (max-width: 420px) {
    .section{ padding-bottom:110px; }
	.wave{ position:absolute; bottom:15px; }
	#bottom{ padding-bottom:15px; }
}
